<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>前端基础练习之input标签</title>
</head>
<body>
    <div>
        <input type="text"/>
        <input type="text" placeholder="请输入用户名称"/>
        <input type="text" value="张同学"/>
    </div>
    <div>
        <input type="password" placeholder="请输入密码" />
    </div>
    <div>
        <p>按钮</p>
        <span>分为两种按钮，一种是纯按钮（按来没有反映的，需要绑定js事件）</span>
        <span>带有效果的按钮</span>
        <br>
        <input type="button" value="按了没有效果的按钮">
        <input type="submit" value="submit">
    </div>
    <div>
        <p>form表单提交</p>
        <form action="https://www.baidu.com/" method="post">
            <input type="text" placeholder="请输入用户名" name="username"/>
            <input type="password" placeholder="请输入用户密码" name="pwd" />
            <input type="text" placeholder="请输入用户地址" name="address" />
            <input type="submit" value="提交"/>
            <input type="button" value="点吧点吧"/>
        </form>
    </div>
    <div>
        <form action="https://www.baidu.com/">
        <p>单选</p>
        <p>请选择性别</p>
        <input type="radio" name="sex" value="man"/><span>男</span>
        <input type="radio" name="sex" value="women"/><span>女</span>
        <input type="submit" value="submit"/>
        </form>
    </div>
    <div>
        <form action="https://www.baidu.com/">
            <p>多选</p>
            <p>请选择学习科目</p>
            <input type="checkbox" name="course" value="English"/><span>英语</span>
            <input type="checkbox" name="course" value="Computer"/><span>计算机</span>
            <input type="submit" value="submit"/>
            <input type="reset" value="重置">
        </form>

    </div>

</body>
</html>